<template>
  <div class="logo">
    <img :src="$store.getAppConfig('_menuHeadLogo')">
    <h1 v-if="$store.getAppConfig('_menuHeadName')"
        style="margin:0;">
      {{ $store.getAppConfig('_menuHeadName') }}
    </h1>
  </div>
</template>

<script>

// 1、Vue等框架组件库或插件
// 2、自定义组件
// 3、第三方工具类插件
// 4、自定义工具或插件或混入或基类等
// 5、API

export default {
  name: 'MenuLogo',
  data () {
    return {

    }
  },
  created () { },
  methods: {}
}
</script>

<style lang="less" scoped>
.logo {
  height: 64px;
  text-align: center;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-around;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 64px;
  > img {
    height: 46px;
    width: auto;
    max-height: 64px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 15px;
    align-self: center;
  }
}
</style>